<template>
  <div>
    <h1>事件模型</h1>
    <div @click="handleClick">父组件的点击事件</div>
    <Son @click="handleClickSon" @btn="fn"/>
    
  </div>
</template>

<script>
import Son from './Son.vue'

export default{
  name: '',
  components: {
    Son
  },
  methods:{
    fn(a,b,c){
      console.log("观察者模式",a+b+c);;
    },
    handleClickSon(){
      console.log("handleClickSon");
    },
    handleClick(){
      console.log('父组件的点击事件');
    }
  }
};
</script>

<style scoped lang='scss'>

</style>